@import "../../../commin/commin.less";
page{
  background-color: #F5F7FA;
  padding-bottom: 120rpx;
}
.card_list_wrap{
  .paddings(20rpx,24rpx,4rpx,24rpx);
  .card_list{
    .position(relative, 0, 0, 0, 0);
    width: 704rpx;
    height: 246rpx;
    margin-bottom: 16rpx;
    .endDate{
      font-size: 23rpx;
      color: #fff;
      background-color: rgba(0,0,0,.6);
      padding: 8rpx;
      position: absolute;
      top: 17rpx;
      left: 15rpx;
      border-top-left-radius: 10rpx;
    }
    .card_list_bg{
      width:100%;
      height: 100%;
    }
    .card_tags{
      .position(absolute, 16rpx, auto, auto, 16rpx);
      width: 78rpx;
      height: 33rpx;
    }
    .card_left{
      .position(absolute, 45rpx, 0, 0,0);
      .kuan(230rpx);
      .textalign();
      .crad_left_money{
        font-family: PingFang SC;
        font-weight: bold;
        color: #FFFFFF;
        .money_type{
          font-size: 26rpx;
        }
        .money_amonut{
          font-size: 52rpx;
          
        }
      }
      .voucher_type,.voucher_type2{
        font-size: 26rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        text-align: center;
      }
      .voucher_type{
        font-size: 24rpx;
        opacity: 0.7;
        margin-top: 10rpx;
      }
    }
    .card_right{
      .position(absolute, 39rpx, 0, 0, 278rpx);
      .coupon_type{
        font-size: 34rpx;
        font-family: PingFang SC;
        font-weight: bold;
        color: #1A1A1A;
        .yiman(1);
      }
      .coupon_stations{
        display: flex;
        justify-content: space-between;
        align-items: center;
        .stations{
          display: flex;
          justify-content: start;
          align-items: center;
          font-size: 26rpx;
          font-family: PingFang SC;
          font-weight: 500;
          color: #707485;
          margin-right: 32rpx;
          .turn{
            .kuangao(10rpx,19rpx);
            margin-left: 11rpx;
          }
        }
      }
      .full_reduction{
        font-size: 26rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #606266;
        margin: 18rpx 0 18rpx 0;
      }
      .validity_date{
        font-size: 24rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #606266;
        image{
          width: 18rpx;
          height: 18rpx;
          display: inline-block;
          margin-right: 7rpx;
        }
      }
    }
  }
}

.ticket_center{
  position: fixed;
  bottom: 0;
  width: 750rpx;
  height: 102rpx;
  background: #FFFFFF;
  display:flex;
  .ticket_center_type{
    flex: 1;
    font-size: 34rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #303133;
    text-align: center;
    line-height: 102rpx;
  }
  .ticket_center_vertical{
    width: 1rpx;
    background-color: #DCDFE6;
  }
}

.announcement{
  .kuangao(670rpx,531rpx);
  background:@white-color;
  position: relative;
  .announcement-title{
    .fontsize(38rpx);
    font-family: PingFang SC;
    font-weight: 500;
    color: #18181A;
    text-align: center;
    .margins(47rpx,34rpx,43rpx,34rpx);
  }
  .announcement-body{
    .paddings(29rpx,29rpx,29rpx,29rpx);
    .kuangao(606rpx,255rpx);
    overflow-y: scroll;
    .margins(auto,32rpx,30rpx,32rpx);
    box-sizing: border-box;
    background: @text-color6;
    opacity: 0.9;
    border-radius: 10rpx;
    .fontsize(28rpx);
    font-family: PingFang SC;
    font-weight: 500;
    color:@text-color3;
  }
  .announcement-close{
    width: 100%;
    height: 105rpx;
    .lineheight(105rpx);
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #6EB12F;
    .fontsize(30rpx);
    border-top: 1rpx solid #DCDFE6;
  }
}

.u-safe-bottom{
  display: none;
}
